/*
  学习目标：创建元素-练习
*/
import React from 'react'
import ReactDOM from 'react-dom';


// 💥 class是JS中的关键字, 类名改写为className
const title =  React.createElement("div", {id: "box", className: "demo"}, "React练习")


const liNode1 = React.createElement("li", null, "香蕉")
const liNode2 = React.createElement("li", null, "apple")
const liNode3 = React.createElement("li", null, "orange")
// 💥 React不会解析html, 
const ulNode = React.createElement("ul", {className: "list"}, liNode1, liNode2, liNode3)


// ReactDOM.render(title, document.getElementById("root"))
ReactDOM.render(ulNode, document.getElementById("root"))
